<%@ page contentType="text/html; charset=utf-8" language="java" errorPage="" %>
<%@ page import="java.sql.*" %>
<%@ page import="javax.servlet.*"%>
<%@ page import="javax.servlet.http.*" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!-- TemplateBeginEditable name="mdoctitle" -->
<title>Untitled Document</title>
<!-- TemplateEndEditable -->
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
<link href="../template.css" rel="stylesheet" type="text/css">
<!--[if IE]>
<style type="text/css"> 
/* place css fixes for all versions of IE in this conditional comment */
.thrColHybHdr #sidebar1, .thrColHybHdr #sidebar2 { padding-top: 30px; }
.thrColHybHdr #mainContent { zoom: 1; padding-top: 15px; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
</style>
<![endif]-->
<script src="../SpryAssets/SpryAccordion.js" type="text/javascript"></script>
<link href="../SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css">

</head>


<body class="thrColHybHdr">

<div id="container">
  <div id="header">  
<!-- TemplateBeginEditable name="header" --><!-- TemplateEndEditable -->
  <!-- end #header -->
  </div>
  <div id="sidebar1">
  
  <!-- end #sidebar1 -->
  <div id="Accordion1" class="Accordion" tabindex="0">
    <div class="AccordionPanel">
      <div class="AccordionPanelTab">Before Wedding</div>
      <div class="AccordionPanelContent">
        <p><i>Things to do before the wedding</i></p>
        <p>- <a href="#" onClick="validate('filldiv','main','html','Wedding.jsp');">Create Wedding</a></p>
        <p>- <a href="#" onClick="validate('filldiv','main','html','Guest.jsp');">View/Update Wedding</a></p>
        <p>- <a href="#" onClick="validate('filldiv','main','html','Upload.jsp');">Delete Wedding</a></p>
      </div>
    </div>
    <div class="AccordionPanel">
      <div class="AccordionPanelTab">During Wedding</div>
      <div class="AccordionPanelContent">
        <p><i>Things to do during the wedding</i></p>
        <p>- <a href="#" onClick="validate('filldiv','main','html','Attendance.jsp');">Guest Attendance</a></p>
      </div>
    </div>
    <div class="AccordionPanel">
      <div class="AccordionPanelTab">After Wedding</div>
      <div class="AccordionPanelContent"><p><i>Things to do after the wedding</i></p>
<p>- <a href="#" onClick="validate('filldiv','main','html','Calculations.jsp');">Update Token</a></p>
<p>- <a href="#" onClick="validate('filldiv','main','html','Calculations.jsp');">Calculations Summary</a></p>
</div>
    </div>
  </div>
  </div>
  <div id="mainContent">
<!-- TemplateBeginEditable name="main" -->
    <h1 class="header">Wedding Planner</h1>
<!-- TemplateEndEditable -->  
	<!-- end #mainContent --></div>
	<!-- This clearing element should immediately follow the #mainContent div in order to force the #container div to contain all child floats --><br class="clearfloat" />
   <div class="footer" id="footer">
    <div align="center"> Copyright Wedding Dinner Planner System. <p>All rights reserved. 
    </div>
    <p></p>
  <!-- end #footer --></div>
<!-- end #container --></div>
<script type="text/javascript">
<!--
var Accordion1 = new Spry.Widget.Accordion("Accordion1");
//-->
</script> 
</body>
</html>

